<template>
  <div class="q-pa-md">
    <div class="q-pa-md">
      <q-item-label>
        <div id="crudapi-admin-web-version">crudapi-admin-web v1.6.2</div>
        <div>Quasar v{{ $q.version }}</div>
      </q-item-label>
      <div class="q-py-md">
        <q-btn unelevated color="primary" no-caps @click="resetAction">
          清除浏览器缓存
        </q-btn>
      </div>
    </div>
  </div>
</template>

<style></style>

<script>
import { settingService } from "../service/settingService";
import { useRouter, useRoute } from "vue-router";

export default {
  name: "PageSetting",

  setup() {
    const router = useRouter();
    const route = useRoute();

    // let id = route.params.id;
    console.info("setting->created" + route.query.id);
    // this.init();
    // function name(params) {
    //   console.info("setting->init");
    //   this.$store.commit(
    //     "config/updateIsAllowBack",
    //     this.$route.meta.isAllowBack
    //   );

    //   if (!window.crudapi) {
    //     window.crudapi = {};
    //   }

    //   window.crudapi.getIframeValue = function () {
    //     console.info("window.crudapi.getIframeValue");
    //     return new Date().getTime();
    //   };

    //   const value = window.parent.crudapi.getParentValue();
    //   console.info("window.parent.crudapi.getParentValue: " + value);
    // }

    // function resetAction() {
    //   this.$q
    //     .dialog({
    //       title: "提示",
    //       message: "确认清除浏览器缓存并刷新吗？",
    //       ok: {
    //         unelevated: true,
    //       },
    //       cancel: {
    //         color: "negative",
    //         unelevated: true,
    //       },
    //       persistent: false,
    //     })
    //     .onOk(() => {
    //       settingService.clear();
    //       window.location.reload(true);
    //     })
    //     .onCancel(() => {})
    //     .onDismiss(() => {
    //       log.info("I am triggered on both OK and Cancel");
    //     });
    // }
    return {};
  },
};
</script>
